Nazwany kolor · #FFD67B
Salomie
Salomie to #FFD67B: rgb(255 214 123), hsl(41 100% 74%), oklch(0.893 0.119 85.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Salomie color name →
#FFD67B
oklch(0.893 0.119 85.7)
Konwersje koloru
- HEX
- #ffd67b
- RGB
- rgb(255 214 123)
- HSL
- hsl(41 100% 74%)
- HWB
- hwb(41 48% 0%)
- OKLCH
- oklch(0.893 0.119 85.7)
- OKLab
- oklab(0.893 0.009 0.119)
- CIE Lab
- lab(87.8 6.89 50.12)
- LCH
- lch(87.8 50.59 82.2)
- CMYK
- cmyk(0% 16% 52% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFDA8A
- FFDF98
- FFE3A6
- FFE7B3
- FFEBC0
- FFEFCD
- FFF3DA
- FFF7E6
- FFFBF3
Odcienie ciemniejsze
- DEBA6A
- BE9E5A
- 9E844A
- 806A3A
- 63522C
- 483B1E
- 2E2510
- 161005
- 030201
Tony
- F2CD7D
- E5C57F
- D7BC80
- CBB381
- BEAB82
- B1A282
- A59982
- 989182
- 8C8881
Harmonie kolorów
Komplementarna +180°
- FFD67B
Salomie
- CBDCFF
≈ Arc Light
Analogowa -30° +30°
- FFD67B
Salomie
- FFD1B2
≈ Papaya Whip
- D8E688
≈ Grape Cassata
Triada +120° +240°
- FFD67B
Salomie
- 78F1FF
≈ Photon Projector
- FEC5FF
≈ Sugar Chic
Komplementarna rozszczepiona +150° +210°
- FFD67B
Salomie
- B5E3FF
≈ Frozen Landscape
- DED4FF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.15:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--salomie: #ffd67b;
--salomie-rgb: 255 214 123;
--salomie-oklch: oklch(0.893 0.119 85.7);
}
.element {
color: var(--salomie);
background-color: hsl(41 100% 74%);
border-color: oklch(0.893 0.119 85.7);
}Tailwind CSS v4
@theme {
--color-salomie: #ffd67b;
--color-salomie-50: #fff4cf;
--color-salomie-100: #f9e6bb;
--color-salomie-200: #ead29a;
--color-salomie-300: #d1b46e;
--color-salomie-400: #be9942;
--color-salomie-500: #a97f00;
--color-salomie-600: #8f6b00;
--color-salomie-700: #735602;
--color-salomie-800: #563e01;
--color-salomie-900: #3c2b02;
--color-salomie-950: #261800;
}SCSS
$salomie: #ffd67b;
$salomie-rgb: 255, 214, 123;
$salomie-light: mix(#fff, $salomie, 20%);
$salomie-dark: mix(#000, $salomie, 20%);
.element {
color: $salomie;
box-shadow: 0 0 0 2px rgba($salomie, 0.35);
}