Nazwany kolor · #F0DCA0
Sun Deck
Sun Deck to #F0DCA0: rgb(240 220 160), hsl(45 73% 78%), oklch(0.897 0.08 91.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sun Deck color name →
#F0DCA0
oklch(0.897 0.08 91.8)
Konwersje koloru
- HEX
- #f0dca0
- RGB
- rgb(240 220 160)
- HSL
- hsl(45 73% 78%)
- HWB
- hwb(45 63% 6%)
- OKLCH
- oklch(0.897 0.08 91.8)
- OKLab
- oklab(0.897 -0.003 0.08)
- CIE Lab
- lab(88.36 0.78 32.19)
- LCH
- lch(88.36 32.2 88.6)
- CMYK
- cmyk(0% 8% 33% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2E0AA
- F3E3B4
- F4E7BD
- F6EAC7
- F7EED0
- F9F1DA
- FAF5E3
- FCF8EC
- FDFCF6
Odcienie ciemniejsze
- D1BF8B
- B2A376
- 958861
- 786E4E
- 5D543B
- 433C29
- 2A2619
- 141109
- 030201
Tony
- E4D29D
- D9C99A
- CDC097
- C2B694
- B6AD91
- ABA48E
- A09B8B
- 959287
- 8B8984
Harmonie kolorów
Komplementarna +180°
- F0DCA0
Sun Deck
- D1DCFF
≈ Arc Light
Analogowa -30° +30°
- F0DCA0
Sun Deck
- FFD4AF
≈ Forgotten Sunset
- D4E6AB
≈ Lasting Thoughts
Triada +120° +240°
- F0DCA0
Sun Deck
- 9DECFC
≈ Alpine Expedition
- FDCAF5
≈ Kissed by Mist
Komplementarna rozszczepiona +150° +210°
- F0DCA0
Sun Deck
- BEE2FF
≈ Dithered Sky
- E4D4FF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.44:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--sun-deck: #f0dca0;
--sun-deck-rgb: 240 220 160;
--sun-deck-oklch: oklch(0.897 0.08 91.8);
}
.element {
color: var(--sun-deck);
background-color: hsl(45 73% 78%);
border-color: oklch(0.897 0.08 91.8);
}Tailwind CSS v4
@theme {
--color-sun-deck: #f0dca0;
--color-sun-deck-50: #fdf5dc;
--color-sun-deck-100: #f0e8ca;
--color-sun-deck-200: #dfd4ae;
--color-sun-deck-300: #c5b789;
--color-sun-deck-400: #af9d67;
--color-sun-deck-500: #998444;
--color-sun-deck-600: #82703a;
--color-sun-deck-700: #685a2e;
--color-sun-deck-800: #4d4120;
--color-sun-deck-900: #362d15;
--color-sun-deck-950: #211a07;
}SCSS
$sun-deck: #f0dca0;
$sun-deck-rgb: 240, 220, 160;
$sun-deck-light: mix(#fff, $sun-deck, 20%);
$sun-deck-dark: mix(#000, $sun-deck, 20%);
.element {
color: $sun-deck;
box-shadow: 0 0 0 2px rgba($sun-deck, 0.35);
}