Nazwany kolor · #D1D991
Vacation Island
Vacation Island to #D1D991: rgb(209 217 145), hsl(67 49% 71%), oklch(0.862 0.094 113.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Vacation Island color name →
#D1D991
oklch(0.862 0.094 113.5)
Konwersje koloru
- HEX
- #d1d991
- RGB
- rgb(209 217 145)
- HSL
- hsl(67 49% 71%)
- HWB
- hwb(67 57% 15%)
- OKLCH
- oklch(0.862 0.094 113.5)
- OKLab
- oklab(0.862 -0.037 0.086)
- CIE Lab
- lab(84.82 -11.09 34.58)
- LCH
- lch(84.82 36.31 107.8)
- CMYK
- cmyk(4% 0% 33% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5DD9D
- DAE1A8
- DEE5B3
- E3E8BE
- E8ECC9
- ECF0D4
- F1F4DF
- F5F8E9
- FAFBF4
Odcienie ciemniejsze
- B5BC7D
- 9BA16A
- 818658
- 686C46
- 505335
- 393B25
- 232515
- 101107
- 020201
Tony
- C9D090
- C0C78F
- B8BE8D
- B0B58C
- A7AC8A
- 9FA388
- 979A87
- 8F9184
- 888982
Harmonie kolorów
Komplementarna +180°
- D1D991
Vacation Island
- D3C9FF
≈ Innocent Snowdrop
Analogowa -30° +30°
- D1D991
Vacation Island
- EFCD8A
≈ Spaghetti Monster
- ADE2AB
≈ Celadon
Triada +120° +240°
- D1D991
Vacation Island
- 9CDBFF
≈ Shiva Blue
- FFBBD6
≈ Cotton Candy
Komplementarna rozszczepiona +150° +210°
- D1D991
Vacation Island
- BBD2FF
≈ Ice Cold Stare
- F0BDF5
≈ Lovecloud
Tetrada +90° +180° +270°
- D1D991
Vacation Island
- 82E4ED
≈ Paradisiacal Getaway
- D3C9FF
≈ Innocent Snowdrop
- FFBFBB
≈ Peach Scone
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.04:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--vacation-island: #d1d991;
--vacation-island-rgb: 209 217 145;
--vacation-island-oklch: oklch(0.862 0.094 113.5);
}
.element {
color: var(--vacation-island);
background-color: hsl(67 49% 71%);
border-color: oklch(0.862 0.094 113.5);
}Tailwind CSS v4
@theme {
--color-vacation-island: #d1d991;
--color-vacation-island-50: #f3f9db;
--color-vacation-island-100: #e6ecc9;
--color-vacation-island-200: #d2daac;
--color-vacation-island-300: #b5be86;
--color-vacation-island-400: #9ea563;
--color-vacation-island-500: #868d3e;
--color-vacation-island-600: #717736;
--color-vacation-island-700: #5b5f2b;
--color-vacation-island-800: #43451c;
--color-vacation-island-900: #2f3013;
--color-vacation-island-950: #1b1c05;
}SCSS
$vacation-island: #d1d991;
$vacation-island-rgb: 209, 217, 145;
$vacation-island-light: mix(#fff, $vacation-island, 20%);
$vacation-island-dark: mix(#000, $vacation-island, 20%);
.element {
color: $vacation-island;
box-shadow: 0 0 0 2px rgba($vacation-island, 0.35);
}