Adlandırılmış renk · #EECEE6
Poodle Pink
Poodle Pink, #EECEE6: rgb(238 206 230), hsl(315 48% 87%), oklch(0.885 0.048 334.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Poodle Pink color name →
#EECEE6
oklch(0.885 0.048 334.8)
Renk dönüşümleri
- HEX
- #eecee6
- RGB
- rgb(238 206 230)
- HSL
- hsl(315 48% 87%)
- HWB
- hwb(315 81% 7%)
- OKLCH
- oklch(0.885 0.048 334.8)
- OKLab
- oklab(0.885 0.043 -0.02)
- CIE Lab
- lab(86.04 14.57 -7.53)
- LCH
- lch(86.04 16.4 332.7)
- CMYK
- cmyk(0% 13% 3% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0D3E9
- F2D8EB
- F3DDEE
- F5E2F0
- F7E6F3
- F8EBF5
- FAF0F8
- FCF5FA
- FDFAFD
Koyu tonlar
- CFB3C8
- B198AB
- 937F8E
- 776673
- 5C4E59
- 423840
- 2A2328
- 140F13
- 030203
Gri tonlar
- E3C6DB
- D7BED1
- CCB6C6
- C1AEBC
- B6A6B2
- AB9EA8
- A0979D
- 958F94
- 8B888A
Renk uyumları
Tamamlayıcı +180°
- EECEE6
Poodle Pink
- C2E3CC
≈ Wishful Green
Analog -30° +30°
- EECEE6
Poodle Pink
- E0D2F3
≈ Japan Blush
- F6CDD5
≈ Icy Pink
Üçlü +120° +240°
- EECEE6
Poodle Pink
- E3D9B6
≈ Lemon Balm
- B6E2ED
≈ Ocean Front
Bölünmüş tamamlayıcı +150° +210°
- EECEE6
Poodle Pink
- D2DFBD
≈ Cat Woman
- B7E4DD
≈ Bleached Aqua
Dörtlü +90° +180° +270°
- EECEE6
Poodle Pink
- F0D3B9
≈ Creamery
- C2E3CC
≈ Wishful Green
- C0DDF7
≈ Arctic Paradise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.60:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.60:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--poodle-pink: #eecee6;
--poodle-pink-rgb: 238 206 230;
--poodle-pink-oklch: oklch(0.885 0.048 334.8);
}
.element {
color: var(--poodle-pink);
background-color: hsl(315 48% 87%);
border-color: oklch(0.885 0.048 334.8);
}Tailwind CSS v4
@theme {
--color-poodle-pink: #eecee6;
--color-poodle-pink-50: #fff0fa;
--color-poodle-pink-100: #f3e2ee;
--color-poodle-pink-200: #e2cddc;
--color-poodle-pink-300: #c8afc0;
--color-poodle-pink-400: #b194aa;
--color-poodle-pink-500: #9b7b93;
--color-poodle-pink-600: #83687c;
--color-poodle-pink-700: #695363;
--color-poodle-pink-800: #4d3c4a;
--color-poodle-pink-900: #352933;
--color-poodle-pink-950: #20171f;
}SCSS
$poodle-pink: #eecee6;
$poodle-pink-rgb: 238, 206, 230;
$poodle-pink-light: mix(#fff, $poodle-pink, 20%);
$poodle-pink-dark: mix(#000, $poodle-pink, 20%);
.element {
color: $poodle-pink;
box-shadow: 0 0 0 2px rgba($poodle-pink, 0.35);
}