Adlandırılmış renk · #ACDEEB
Quiet Nook
Quiet Nook, #ACDEEB: rgb(172 222 235), hsl(192 61% 80%), oklch(0.87 0.055 215.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Quiet Nook color name →
#ACDEEB
oklch(0.87 0.055 215.4)
Renk dönüşümleri
- HEX
- #acdeeb
- RGB
- rgb(172 222 235)
- HSL
- hsl(192 61% 80%)
- HWB
- hwb(192 67% 8%)
- OKLCH
- oklch(0.87 0.055 215.4)
- OKLab
- oklab(0.87 -0.044 -0.032)
- CIE Lab
- lab(85.29 -14.52 -11.94)
- LCH
- lch(85.29 18.8 219.4)
- CMYK
- cmyk(27% 6% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B5E1ED
- BDE5EF
- C5E8F1
- CEEBF3
- D6EFF5
- DEF2F7
- E7F5F9
- EFF8FB
- F7FCFD
Koyu tonlar
- 95C1CC
- 7FA5AE
- 698991
- 546F75
- 40555B
- 2D3D41
- 1B2629
- 0B1213
- 010203
Gri tonlar
- A8D4E0
- A4CBD5
- 9FC1CA
- 9BB7BF
- 97AEB4
- 92A5A9
- 8E9B9F
- 899294
- 85898A
Renk uyumları
Tamamlayıcı +180°
- ACDEEB
Quiet Nook
- F6C8BC
≈ Sweet Angel
Analog -30° +30°
- ACDEEB
Quiet Nook
- ACE0D9
≈ Blue Light
- B7D9F7
≈ Oh Boy!
Üçlü +120° +240°
- ACDEEB
Quiet Nook
- ECC7E2
≈ Venetian Rose
- DFD5AC
≈ Primitive Green
Bölünmüş tamamlayıcı +150° +210°
- ACDEEB
Quiet Nook
- F5C6CF
≈ Hello Dolly
- EECEAF
≈ Cosy Coverlet
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.40:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--quiet-nook: #acdeeb;
--quiet-nook-rgb: 172 222 235;
--quiet-nook-oklch: oklch(0.87 0.055 215.4);
}
.element {
color: var(--quiet-nook);
background-color: hsl(192 61% 80%);
border-color: oklch(0.87 0.055 215.4);
}Tailwind CSS v4
@theme {
--color-quiet-nook: #acdeeb;
--color-quiet-nook-50: #e5f9ff;
--color-quiet-nook-100: #d5edf4;
--color-quiet-nook-200: #bbdbe4;
--color-quiet-nook-300: #99bfca;
--color-quiet-nook-400: #79a7b3;
--color-quiet-nook-500: #5a909d;
--color-quiet-nook-600: #4d7a85;
--color-quiet-nook-700: #3d616a;
--color-quiet-nook-800: #2b474e;
--color-quiet-nook-900: #1d3236;
--color-quiet-nook-950: #0d1d21;
}SCSS
$quiet-nook: #acdeeb;
$quiet-nook-rgb: 172, 222, 235;
$quiet-nook-light: mix(#fff, $quiet-nook, 20%);
$quiet-nook-dark: mix(#000, $quiet-nook, 20%);
.element {
color: $quiet-nook;
box-shadow: 0 0 0 2px rgba($quiet-nook, 0.35);
}