Adlandırılmış renk · #EFE1D5
Siamese Kitten
Siamese Kitten, #EFE1D5: rgb(239 225 213), hsl(28 45% 89%), oklch(0.918 0.022 63.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Siamese Kitten color name →
#EFE1D5
oklch(0.918 0.022 63.2)
Renk dönüşümleri
- HEX
- #efe1d5
- RGB
- rgb(239 225 213)
- HSL
- hsl(28 45% 89%)
- HWB
- hwb(28 84% 6%)
- OKLCH
- oklch(0.918 0.022 63.2)
- OKLab
- oklab(0.918 0.01 0.02)
- CIE Lab
- lab(90.42 3.47 7.69)
- LCH
- lch(90.42 8.44 65.8)
- CMYK
- cmyk(0% 6% 11% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1E4D9
- F2E7DD
- F4EAE2
- F5EDE6
- F7F0EA
- F9F3EE
- FAF6F2
- FCF9F7
- FDFCFB
Koyu tonlar
- D0C4B9
- B1A79E
- 948B83
- 78706A
- 5C5651
- 423E3A
- 2A2724
- 141210
- 030202
Gri tonlar
- E3D7CC
- D8CDC3
- CCC3BB
- C1B9B2
- B6AFAA
- ABA6A1
- A09C99
- 959390
- 8B8988
Renk uyumları
Tamamlayıcı +180°
- EFE1D5
Siamese Kitten
- D8E6F2
≈ Icicle Veil
Analog -30° +30°
- EFE1D5
Siamese Kitten
- F2DFDA
≈ Pallid Rose
- E9E4D4
≈ Ash White
Üçlü +120° +240°
- EFE1D5
Siamese Kitten
- D4E9E5
≈ Dillard’s Blue
- E7E1F0
≈ Romantic Cruise
Bölünmüş tamamlayıcı +150° +210°
- EFE1D5
Siamese Kitten
- D4E8ED
≈ Coastal Mist
- DFE3F3
≈ Iris Ice
Dörtlü +90° +180° +270°
- EFE1D5
Siamese Kitten
- D9E8DD
≈ Tint of Green
- D8E6F2
≈ Icicle Veil
- EDDFEA
≈ Angora Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.40:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--siamese-kitten: #efe1d5;
--siamese-kitten-rgb: 239 225 213;
--siamese-kitten-oklch: oklch(0.918 0.022 63.2);
}
.element {
color: var(--siamese-kitten);
background-color: hsl(28 45% 89%);
border-color: oklch(0.918 0.022 63.2);
}Tailwind CSS v4
@theme {
--color-siamese-kitten: #efe1d5;
--color-siamese-kitten-50: #faf4ef;
--color-siamese-kitten-100: #ede6e0;
--color-siamese-kitten-200: #dbd2cb;
--color-siamese-kitten-300: #c0b5ac;
--color-siamese-kitten-400: #a89c91;
--color-siamese-kitten-500: #918377;
--color-siamese-kitten-600: #7b6f65;
--color-siamese-kitten-700: #625951;
--color-siamese-kitten-800: #48413b;
--color-siamese-kitten-900: #322d28;
--color-siamese-kitten-950: #1e1a16;
}SCSS
$siamese-kitten: #efe1d5;
$siamese-kitten-rgb: 239, 225, 213;
$siamese-kitten-light: mix(#fff, $siamese-kitten, 20%);
$siamese-kitten-dark: mix(#000, $siamese-kitten, 20%);
.element {
color: $siamese-kitten;
box-shadow: 0 0 0 2px rgba($siamese-kitten, 0.35);
}