Adlandırılmış renk · #F3E3CA
Welcome White
Welcome White, #F3E3CA: rgb(243 227 202), hsl(37 63% 87%), oklch(0.922 0.037 79.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Welcome White color name →
#F3E3CA
oklch(0.922 0.037 79.1)
Renk dönüşümleri
- HEX
- #f3e3ca
- RGB
- rgb(243 227 202)
- HSL
- hsl(37 63% 87%)
- HWB
- hwb(37 79% 5%)
- OKLCH
- oklch(0.922 0.037 79.1)
- OKLab
- oklab(0.922 0.007 0.037)
- CIE Lab
- lab(91.05 2.7 14.33)
- LCH
- lch(91.05 14.58 79.4)
- CMYK
- cmyk(0% 7% 17% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4E6CF
- F5E9D5
- F7EBDA
- F8EEDF
- F9F1E4
- FAF4EA
- FBF7EF
- FDF9F4
- FEFCFA
Koyu tonlar
- D3C5AF
- B4A895
- 978C7C
- 7A7164
- 5E574D
- 443F37
- 2B2722
- 14120F
- 030302
Gri tonlar
- E7D9C2
- DBCEBB
- CFC4B3
- C3BAAC
- B8B0A4
- ACA69D
- A19D96
- 96938E
- 8B8987
Renk uyumları
Tamamlayıcı +180°
- F3E3CA
Welcome White
- D7E6FF
≈ Veiling Waterfalls
Analog -30° +30°
- F3E3CA
Welcome White
- FBDFD0
≈ Elizabeth Rose
- E7E8CC
≈ Rare White Jade
Üçlü +120° +240°
- F3E3CA
Welcome White
- C9EDEF
≈ Princess Blue Feather
- F1DEF6
≈ Grape Taffy
Bölünmüş tamamlayıcı +150° +210°
- F3E3CA
Welcome White
- CDEBFA
≈ Frosty Day
- E4E2FD
≈ Stoic White
Dörtlü +90° +180° +270°
- F3E3CA
Welcome White
- CEEEE1
≈ Jewel White
- D7E6FF
≈ Veiling Waterfalls
- FADCE9
≈ Cherry Flower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.65:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--welcome-white: #f3e3ca;
--welcome-white-rgb: 243 227 202;
--welcome-white-oklch: oklch(0.922 0.037 79.1);
}
.element {
color: var(--welcome-white);
background-color: hsl(37 63% 87%);
border-color: oklch(0.922 0.037 79.1);
}Tailwind CSS v4
@theme {
--color-welcome-white: #f3e3ca;
--color-welcome-white-50: #fbf4e9;
--color-welcome-white-100: #eee7da;
--color-welcome-white-200: #ddd3c3;
--color-welcome-white-300: #c1b6a2;
--color-welcome-white-400: #ab9c86;
--color-welcome-white-500: #94846a;
--color-welcome-white-600: #7d705a;
--color-welcome-white-700: #645948;
--color-welcome-white-800: #4a4134;
--color-welcome-white-900: #332d23;
--color-welcome-white-950: #1f1a12;
}SCSS
$welcome-white: #f3e3ca;
$welcome-white-rgb: 243, 227, 202;
$welcome-white-light: mix(#fff, $welcome-white, 20%);
$welcome-white-dark: mix(#000, $welcome-white, 20%);
.element {
color: $welcome-white;
box-shadow: 0 0 0 2px rgba($welcome-white, 0.35);
}