Nazwany kolor · #E09B6E
Candle Yellow
Candle Yellow to #E09B6E: rgb(224 155 110), hsl(24 65% 65%), oklch(0.747 0.102 53.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Candle Yellow color name →
#E09B6E
oklch(0.747 0.102 53.6)
Konwersje koloru
- HEX
- #e09b6e
- RGB
- rgb(224 155 110)
- HSL
- hsl(24 65% 65%)
- HWB
- hwb(24 43% 12%)
- OKLCH
- oklch(0.747 0.102 53.6)
- OKLab
- oklab(0.747 0.061 0.082)
- CIE Lab
- lab(70.2 22.96 34.43)
- LCH
- lch(70.2 41.38 56.3)
- CMYK
- cmyk(0% 31% 51% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4A57D
- E7AF8B
- EBB99A
- EEC3A8
- F1CDB7
- F4D7C5
- F7E1D3
- FAEBE2
- FDF5F0
Odcienie ciemniejsze
- C3865F
- A67250
- 8A5E41
- 704B33
- 563926
- 3E2819
- 27180E
- 120904
- 020101
Tony
- D69971
- CD9673
- C39475
- BA9177
- B08E79
- A78C7B
- 9D897C
- 93867E
- 8A837F
Harmonie kolorów
Komplementarna +180°
- E09B6E
Candle Yellow
- 66B8E4
≈ Malibu
Analogowa -30° +30°
- E09B6E
Candle Yellow
- E7938E
≈ Strawberry Memory
- CCA75D
≈ Excitable
Triada +120° +240°
- E09B6E
Candle Yellow
- 5EC2A8
≈ Spearmint
- B0A1E8
≈ Violet Velvet
Komplementarna rozszczepiona +150° +210°
- E09B6E
Candle Yellow
- 4EC0CA
≈ Baharroth Blue
- 8CADEE
≈ Kitten’s Eye
Tetrada +90° +180° +270°
- E09B6E
Candle Yellow
- 85BE83
≈ Greengage
- 66B8E4
≈ Malibu
- CD97D2
≈ Ineffable Magenta
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.08:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.08:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--candle-yellow: #e09b6e;
--candle-yellow-rgb: 224 155 110;
--candle-yellow-oklch: oklch(0.747 0.102 53.6);
}
.element {
color: var(--candle-yellow);
background-color: hsl(24 65% 65%);
border-color: oklch(0.747 0.102 53.6);
}Tailwind CSS v4
@theme {
--color-candle-yellow: #e09b6e;
--color-candle-yellow-50: #ffeeda;
--color-candle-yellow-100: #ffe0c8;
--color-candle-yellow-200: #f7caab;
--color-candle-yellow-300: #e1aa85;
--color-candle-yellow-400: #ce8d63;
--color-candle-yellow-500: #ba7240;
--color-candle-yellow-600: #9d6137;
--color-candle-yellow-700: #7e4d2c;
--color-candle-yellow-800: #5e371f;
--color-candle-yellow-900: #422614;
--color-candle-yellow-950: #2a1406;
}SCSS
$candle-yellow: #e09b6e;
$candle-yellow-rgb: 224, 155, 110;
$candle-yellow-light: mix(#fff, $candle-yellow, 20%);
$candle-yellow-dark: mix(#000, $candle-yellow, 20%);
.element {
color: $candle-yellow;
box-shadow: 0 0 0 2px rgba($candle-yellow, 0.35);
}