Adlandırılmış renk · #F3DCC6
Crisp Wonton
Crisp Wonton, #F3DCC6: rgb(243 220 198), hsl(29 65% 86%), oklch(0.908 0.039 66). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Crisp Wonton color name →
#F3DCC6
oklch(0.908 0.039 66)
Renk dönüşümleri
- HEX
- #f3dcc6
- RGB
- rgb(243 220 198)
- HSL
- hsl(29 65% 86%)
- HWB
- hwb(29 78% 5%)
- OKLCH
- oklch(0.908 0.039 66)
- OKLab
- oklab(0.908 0.016 0.036)
- CIE Lab
- lab(89.24 5.65 13.89)
- LCH
- lch(89.24 14.99 67.9)
- CMYK
- cmyk(0% 9% 19% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4DFCC
- F6E3D1
- F7E6D7
- F8EADD
- F9EDE2
- FAF1E8
- FCF4EE
- FDF8F4
- FEFBF9
Koyu tonlar
- D3BFAC
- B4A392
- 97887A
- 7A6E62
- 5E544B
- 443C35
- 2B2621
- 14110E
- 030202
Gri tonlar
- E7D2BF
- DBC9B8
- CFC0B1
- C4B6AA
- B8ADA2
- ACA49C
- A19B95
- 96928E
- 8B8987
Renk uyumları
Tamamlayıcı +180°
- F3DCC6
Crisp Wonton
- CCE4F9
≈ Salty Ice
Analog -30° +30°
- F3DCC6
Crisp Wonton
- F9D8CF
≈ Strawberry Whip
- E8E1C4
≈ Ineffable Linen
Üçlü +120° +240°
- F3DCC6
Crisp Wonton
- C5E9E4
≈ Saline Water
- E7DAF6
≈ Pouty Purple
Bölünmüş tamamlayıcı +150° +210°
- F3DCC6
Crisp Wonton
- C5E8F1
≈ Niagara Mist
- D9DFFB
≈ Contrail
Dörtlü +90° +180° +270°
- F3DCC6
Crisp Wonton
- CDE9D6
≈ Glacial Water Green
- CCE4F9
≈ Salty Ice
- F2D7EA
≈ Nursery Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.86:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--crisp-wonton: #f3dcc6;
--crisp-wonton-rgb: 243 220 198;
--crisp-wonton-oklch: oklch(0.908 0.039 66);
}
.element {
color: var(--crisp-wonton);
background-color: hsl(29 65% 86%);
border-color: oklch(0.908 0.039 66);
}Tailwind CSS v4
@theme {
--color-crisp-wonton: #f3dcc6;
--color-crisp-wonton-50: #fdf3ea;
--color-crisp-wonton-100: #f1e6da;
--color-crisp-wonton-200: #e0d2c3;
--color-crisp-wonton-300: #c5b4a3;
--color-crisp-wonton-400: #af9a87;
--color-crisp-wonton-500: #98816b;
--color-crisp-wonton-600: #816e5b;
--color-crisp-wonton-700: #675849;
--color-crisp-wonton-800: #4c4034;
--color-crisp-wonton-900: #352c24;
--color-crisp-wonton-950: #201913;
}SCSS
$crisp-wonton: #f3dcc6;
$crisp-wonton-rgb: 243, 220, 198;
$crisp-wonton-light: mix(#fff, $crisp-wonton, 20%);
$crisp-wonton-dark: mix(#000, $crisp-wonton, 20%);
.element {
color: $crisp-wonton;
box-shadow: 0 0 0 2px rgba($crisp-wonton, 0.35);
}