Adlandırılmış renk · #E2C7B6
Birthday Suit
Birthday Suit, #E2C7B6: rgb(226 199 182), hsl(23 43% 80%), oklch(0.848 0.038 54.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Birthday Suit color name →
#E2C7B6
oklch(0.848 0.038 54.2)
Renk dönüşümleri
- HEX
- #e2c7b6
- RGB
- rgb(226 199 182)
- HSL
- hsl(23 43% 80%)
- HWB
- hwb(23 71% 11%)
- OKLCH
- oklch(0.848 0.038 54.2)
- OKLab
- oklab(0.848 0.022 0.031)
- CIE Lab
- lab(82.22 7.86 12.22)
- LCH
- lch(82.22 14.53 57.2)
- CMYK
- cmyk(0% 12% 19% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5CDBD
- E8D2C4
- EBD8CC
- EEDDD3
- F1E3DA
- F4E8E1
- F6EEE9
- F9F4F0
- FCF9F8
Koyu tonlar
- C4AD9E
- A89386
- 8C7A6F
- 716259
- 574C44
- 3E3630
- 27211D
- 120E0C
- 030202
Gri tonlar
- D8C0B1
- CEB8AB
- C4B1A6
- BAAAA0
- B0A39B
- A69C95
- 9C9590
- 938E8B
- 898785
Renk uyumları
Tamamlayıcı +180°
- E2C7B6
Birthday Suit
- B6D2E3
≈ Delicate Ice
Analog -30° +30°
- E2C7B6
Birthday Suit
- E5C4C1
≈ Rose Coloured Glasses
- D9CCB1
≈ Vanderbilt Beach
Üçlü +120° +240°
- E2C7B6
Birthday Suit
- B4D6CB
≈ Gemini
- CEC9E4
≈ Italian Fitch
Bölünmüş tamamlayıcı +150° +210°
- E2C7B6
Birthday Suit
- B1D5D9
≈ Light Continental Waters
- C1CDE7
≈ Periwinkle Grey
Dörtlü +90° +180° +270°
- E2C7B6
Birthday Suit
- BFD4BE
≈ Surf Crest
- B6D2E3
≈ Delicate Ice
- DAC5DB
≈ Simply Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.07:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--birthday-suit: #e2c7b6;
--birthday-suit-rgb: 226 199 182;
--birthday-suit-oklch: oklch(0.848 0.038 54.2);
}
.element {
color: var(--birthday-suit);
background-color: hsl(23 43% 80%);
border-color: oklch(0.848 0.038 54.2);
}Tailwind CSS v4
@theme {
--color-birthday-suit: #e2c7b6;
--color-birthday-suit-50: #fef3eb;
--color-birthday-suit-100: #f2e5dc;
--color-birthday-suit-200: #e2d0c5;
--color-birthday-suit-300: #c7b3a5;
--color-birthday-suit-400: #b19989;
--color-birthday-suit-500: #9b806e;
--color-birthday-suit-600: #836c5e;
--color-birthday-suit-700: #69564b;
--color-birthday-suit-800: #4e3f36;
--color-birthday-suit-900: #362b25;
--color-birthday-suit-950: #211914;
}SCSS
$birthday-suit: #e2c7b6;
$birthday-suit-rgb: 226, 199, 182;
$birthday-suit-light: mix(#fff, $birthday-suit, 20%);
$birthday-suit-dark: mix(#000, $birthday-suit, 20%);
.element {
color: $birthday-suit;
box-shadow: 0 0 0 2px rgba($birthday-suit, 0.35);
}