Benannte Farbe · #B6D3DF
Pale Whale
Pale Whale ist #B6D3DF: rgb(182 211 223), hsl(198 39% 79%), oklch(0.849 0.035 224.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Pale Whale color name →
#B6D3DF
oklch(0.849 0.035 224.7)
Farbumrechnungen
- HEX
- #b6d3df
- RGB
- rgb(182 211 223)
- HSL
- hsl(198 39% 79%)
- HWB
- hwb(198 71% 13%)
- OKLCH
- oklch(0.849 0.035 224.7)
- OKLab
- oklab(0.849 -0.025 -0.025)
- CIE Lab
- lab(82.69 -8.12 -9.37)
- LCH
- lch(82.69 12.39 229.1)
- CMYK
- cmyk(18% 5% 0% 13%)
Tints · Shades · Tones
Tints
- BDD7E2
- C5DCE5
- CCE0E9
- D3E5EC
- DAE9EF
- E2EDF2
- E9F2F5
- F0F6F9
- F8FBFC
Shades
- 9EB7C2
- 869CA5
- 6F828A
- 59696F
- 445156
- 303A3D
- 1D2427
- 0C1012
- 020202
Tones
- B1CAD5
- ABC2CB
- A6B9C2
- A0B1B8
- 9BA9AE
- 95A0A5
- 90989C
- 8B9092
- 858889
Farbharmonien
Komplementär +180°
- B6D3DF
Pale Whale
- E2C7BB
≈ Pale Sienna
Analog -30° +30°
- B6D3DF
Pale Whale
- B4D5D4
≈ Dante Peak
- BECFE5
≈ Misty Mountains
Triadisch +120° +240°
- B6D3DF
Pale Whale
- DFC5D3
≈ Blushed Velvet
- D1CFB5
≈ Bright Sage
Geteilt komplementär +150° +210°
- B6D3DF
Pale Whale
- E4C5C6
≈ Cranapple Cream
- DCCBB5
≈ Creamy Cappuccino
Tetradisch +90° +180° +270°
- B6D3DF
Pale Whale
- D6C7DE
≈ On Location
- E2C7BB
≈ Pale Sienna
- C4D3BC
≈ Surf Crest
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.37:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.37:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--pale-whale: #b6d3df;
--pale-whale-rgb: 182 211 223;
--pale-whale-oklch: oklch(0.849 0.035 224.7);
}
.element {
color: var(--pale-whale);
background-color: hsl(198 39% 79%);
border-color: oklch(0.849 0.035 224.7);
}Tailwind CSS v4
@theme {
--color-pale-whale: #b6d3df;
--color-pale-whale-50: #ebf7fd;
--color-pale-whale-100: #dcebf1;
--color-pale-whale-200: #c5d8e0;
--color-pale-whale-300: #a5bbc5;
--color-pale-whale-400: #89a3ae;
--color-pale-whale-500: #6d8c98;
--color-pale-whale-600: #5d7680;
--color-pale-whale-700: #4a5e67;
--color-pale-whale-800: #35454b;
--color-pale-whale-900: #243034;
--color-pale-whale-950: #131c20;
}SCSS
$pale-whale: #b6d3df;
$pale-whale-rgb: 182, 211, 223;
$pale-whale-light: mix(#fff, $pale-whale, 20%);
$pale-whale-dark: mix(#000, $pale-whale, 20%);
.element {
color: $pale-whale;
box-shadow: 0 0 0 2px rgba($pale-whale, 0.35);
}