Przejdź do próbnika kolorów

Kolor Koralowy: #ff7f50

Koralowy to #ff7f50, w RGB rgb(255, 127, 80), a w OKLCH oklch(73.511% 0.16799 40.247). Wszystkie inne formaty, odcienie, pasujące kolory i palety znajdziesz niżej.

Rozpoznano: HEX

16°
100%

73,5%
0,168
40°
  • Pomarańczowy
  • Jasny
  • Żywy
  • Ciepły
  • orange-400
  • Czerń 0%

W gamucie sRGB: wygląda tak samo na każdym ekranie.

Biały tekst
2.50:1Słabo czytelny
Lc -54
Czarny tekst
8.40:1Czytelny · AA
Lc 56

Odcienie

Od najjaśniejszego do najciemniejszego. Kliknij odcień, aby go użyć.

Harmonie

Ostatnie

Tu pojawią się kolory, przy których się zatrzymasz lub które skopiujesz. Zostają na tym urządzeniu.

Inne nazwy: Coral

Palety z kolorem Koralowy

Podobne kolory z nazwami

Pytania o kolor Koralowy

Jaki jest kod HEX koloru Koralowy?

Kod HEX koloru Koralowy to #ff7f50. W RGB to rgb(255, 127, 80), w HSL hsl(16.11, 100%, 65.69%), a w OKLCH oklch(73.511% 0.16799 40.247).

Jakie kolory pasują do koloru Koralowy?

Jego kolor komplementarny to #00beec. Spokojniej wygląda w parze z kolorami analogicznymi #ff7690 i #eb9300. Gotowe palety z kolorem Koralowy są na tej stronie.

Czy Koralowy to kolor ciepły czy chłodny?

Koralowy to kolor ciepły, a jego barwa w OKLCH to 40 stopni.

Jaki kolor tekstu jest czytelny na kolorze Koralowy?

Czarny tekst jest czytelniejszy na kolorze Koralowy: biały daje kontrast 2.5:1, a czarny 8.4:1. WCAG AA wymaga dla tekstu głównego co najmniej 4,5:1.

O kolorze #ff7f50

#ff7f50 to kolor żywy jasnopomarańczowy. W OKLCH ma jasność 73,5%, chromę 0.168 i barwę 40°.

W gamucie sRGB: wygląda tak samo na każdym ekranie.

Biały tekst osiąga na nim kontrast 2.5:1, a czarny 8.4:1, więc lepiej czyta się czarny tekst.

Najbliższy kolor z nazwą to Koralowy (#ff7f50). Najbliższy kolor w Tailwind CSS to orange-400.

Więcej: jasne pomarańczowe kolory

Jaśniejsze: #ff7f50 zmieszany z bielą

  1. ff7f50

Ciemniejsze: #ff7f50 zmieszany z czernią

  1. ff7f50

Spokojniejsze: #ff7f50 z mniejszym nasyceniem

  1. ff7f50

Podobne kolory z nazwami

Kolory, które pasują do #ff7f50

Komplementarne
#ff7f50
Analogiczne
#ff7f50
Triada
#ff7f50
Rozszczepione
#ff7f50