Adlandırılmış renk · #F6EEC9
Tart Gelato
Tart Gelato, #F6EEC9: rgb(246 238 201), hsl(49 71% 88%), oklch(0.946 0.049 97.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Tart Gelato color name →
#F6EEC9
oklch(0.946 0.049 97.1)
Renk dönüşümleri
- HEX
- #f6eec9
- RGB
- rgb(246 238 201)
- HSL
- hsl(49 71% 88%)
- HWB
- hwb(49 79% 4%)
- OKLCH
- oklch(0.946 0.049 97.1)
- OKLab
- oklab(0.946 -0.006 0.049)
- CIE Lab
- lab(94.03 -1.58 19.01)
- LCH
- lch(94.03 19.08 94.7)
- CMYK
- cmyk(0% 3% 18% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7F0CE
- F8F1D4
- F9F3D9
- FAF5DF
- FAF7E4
- FBF8EA
- FCFAEF
- FDFCF4
- FEFDFA
Koyu tonlar
- D6CFAE
- B7B195
- 98937C
- 7B7764
- 5F5C4C
- 454236
- 2C2A22
- 15140F
- 030302
Gri tonlar
- EAE2C2
- DDD7BA
- D1CCB3
- C5C1AB
- B9B6A4
- ADAB9D
- A2A096
- 96958E
- 8B8A87
Renk uyumları
Tamamlayıcı +180°
- F6EEC9
Tart Gelato
- E8ECFF
≈ Brilliant White
Analog -30° +30°
- F6EEC9
Tart Gelato
- FFE9D3
≈ Light Dedication
- E4F4D1
≈ Light Green Veil
Üçlü +120° +240°
- F6EEC9
Tart Gelato
- D0F4FF
≈ Water
- FFE4F7
≈ Bunny Tail
Bölünmüş tamamlayıcı +150° +210°
- F6EEC9
Tart Gelato
- DFEFFF
≈ Calcareous Sinter
- F3E8FF
≈ Placebo Purple
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.16:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.99:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--tart-gelato: #f6eec9;
--tart-gelato-rgb: 246 238 201;
--tart-gelato-oklch: oklch(0.946 0.049 97.1);
}
.element {
color: var(--tart-gelato);
background-color: hsl(49 71% 88%);
border-color: oklch(0.946 0.049 97.1);
}Tailwind CSS v4
@theme {
--color-tart-gelato: #f6eec9;
--color-tart-gelato-50: #f8f6e6;
--color-tart-gelato-100: #ece9d6;
--color-tart-gelato-200: #d9d5be;
--color-tart-gelato-300: #bdb89c;
--color-tart-gelato-400: #a69f7e;
--color-tart-gelato-500: #8f8761;
--color-tart-gelato-600: #797253;
--color-tart-gelato-700: #615b42;
--color-tart-gelato-800: #48422f;
--color-tart-gelato-900: #322e20;
--color-tart-gelato-950: #1e1b0f;
}SCSS
$tart-gelato: #f6eec9;
$tart-gelato-rgb: 246, 238, 201;
$tart-gelato-light: mix(#fff, $tart-gelato, 20%);
$tart-gelato-dark: mix(#000, $tart-gelato, 20%);
.element {
color: $tart-gelato;
box-shadow: 0 0 0 2px rgba($tart-gelato, 0.35);
}