En yakın adlandırılmış renk · #B5D4D0
#B5D4D0
En yakın adlandırılmış renk: Aquatic Edge
#B5D4D0 (rgb(181 212 208), hsl(172 26% 77%), oklch(0.846 0.033 187.1)) en çok Aquatic Edge adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B5D4D0
oklch(0.846 0.033 187.1)
Renk dönüşümleri
- HEX
- #b5d4d0
- RGB
- rgb(181 212 208)
- HSL
- hsl(172 26% 77%)
- HWB
- hwb(172 71% 17%)
- OKLCH
- oklch(0.846 0.033 187.1)
- OKLab
- oklab(0.846 -0.033 -0.004)
- CIE Lab
- lab(82.54 -11.27 -1.66)
- LCH
- lch(82.54 11.39 188.4)
- CMYK
- cmyk(15% 0% 2% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BCD8D5
- C4DDD9
- CBE1DE
- D3E5E3
- DAE9E7
- E1EEEC
- E9F2F1
- F0F6F5
- F8FBFA
Koyu tonlar
- 9DB8B5
- 869D9A
- 6F8380
- 596967
- 44514F
- 303A39
- 1D2423
- 0C1010
- 020202
Gri tonlar
- B0CBC8
- AAC3BF
- A5BAB7
- A0B2AF
- 9AA9A7
- 95A19F
- 909897
- 8B908F
- 858888
Renk uyumları
Tamamlayıcı +180°
- B5D4D0
Aquatic Edge
- E1C4C9
≈ Pink Pandora
Analog -30° +30°
- B5D4D0
Aquatic Edge
- BCD3C4
≈ Sage Bundle
- B5D2DB
≈ Shrubby Lichen
Üçlü +120° +240°
- B5D4D0
Aquatic Edge
- D2C7DE
≈ On Location
- DCC9B6
≈ Loft Light
Bölünmüş tamamlayıcı +150° +210°
- B5D4D0
Aquatic Edge
- DCC5D4
≈ Blissful
- E1C6BD
≈ Pale Sienna
Dörtlü +90° +180° +270°
- B5D4D0
Aquatic Edge
- C6CBE3
≈ Periwinkle Powder
- E1C4C9
≈ Pink Pandora
- D2CDB5
≈ Montezuma
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.29:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.29:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--aquatic-edge: #b5d4d0;
--aquatic-edge-rgb: 181 212 208;
--aquatic-edge-oklch: oklch(0.846 0.033 187.1);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(172 26% 77%);
border-color: oklch(0.846 0.033 187.1);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #b5d4d0;
--color-aquatic-edge-50: #ebf8f7;
--color-aquatic-edge-100: #dcecea;
--color-aquatic-edge-200: #c5d9d7;
--color-aquatic-edge-300: #a5bdbb;
--color-aquatic-edge-400: #89a5a2;
--color-aquatic-edge-500: #6d8e8a;
--color-aquatic-edge-600: #5d7875;
--color-aquatic-edge-700: #4a605d;
--color-aquatic-edge-800: #364644;
--color-aquatic-edge-900: #25312f;
--color-aquatic-edge-950: #131d1b;
}SCSS
$aquatic-edge: #b5d4d0;
$aquatic-edge-rgb: 181, 212, 208;
$aquatic-edge-light: mix(#fff, $aquatic-edge, 20%);
$aquatic-edge-dark: mix(#000, $aquatic-edge, 20%);
.element {
color: $aquatic-edge;
box-shadow: 0 0 0 2px rgba($aquatic-edge, 0.35);
}