Nazwany kolor · #BBD9C3
Cool Spring
Cool Spring to #BBD9C3: rgb(187 217 195), hsl(136 28% 79%), oklch(0.857 0.044 153.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Cool Spring color name →
#BBD9C3
oklch(0.857 0.044 153.6)
Konwersje koloru
- HEX
- #bbd9c3
- RGB
- rgb(187 217 195)
- HSL
- hsl(136 28% 79%)
- HWB
- hwb(136 73% 15%)
- OKLCH
- oklch(0.857 0.044 153.6)
- OKLab
- oklab(0.857 -0.039 0.02)
- CIE Lab
- lab(84.02 -13.47 7.37)
- LCH
- lch(84.02 15.36 151.3)
- CMYK
- cmyk(14% 0% 10% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2DDC9
- C9E1CF
- CFE4D5
- D6E8DB
- DDECE1
- E4F0E7
- EAF4ED
- F1F7F3
- F8FBF9
Odcienie ciemniejsze
- A2BCA9
- 8AA190
- 738678
- 5C6C60
- 46534A
- 323B34
- 1F2520
- 0D110E
- 020202
Tony
- B5D0BC
- AFC7B5
- A9BDAE
- A3B4A8
- 9DACA1
- 97A39A
- 929A94
- 8C918D
- 868986
Harmonie kolorów
Komplementarna +180°
- BBD9C3
Cool Spring
- E3C6DC
≈ Favourite Lady
Analogowa -30° +30°
- BBD9C3
Cool Spring
- CAD5B6
≈ Spice Garden
- B1DAD3
≈ Wave Top
Triada +120° +240°
- BBD9C3
Cool Spring
- C6CFEE
≈ Frozen Periwinkle
- EBC6BE
≈ Snow Pink
Komplementarna rozszczepiona +150° +210°
- BBD9C3
Cool Spring
- D6CAE8
≈ Purity
- EAC5CD
≈ Light Blush
Tetrada +90° +180° +270°
- BBD9C3
Cool Spring
- B8D4EB
≈ Light Sea Cliff
- E3C6DC
≈ Favourite Lady
- E5CBB3
≈ Grey Sand
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.82:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--cool-spring: #bbd9c3;
--cool-spring-rgb: 187 217 195;
--cool-spring-oklch: oklch(0.857 0.044 153.6);
}
.element {
color: var(--cool-spring);
background-color: hsl(136 28% 79%);
border-color: oklch(0.857 0.044 153.6);
}Tailwind CSS v4
@theme {
--color-cool-spring: #bbd9c3;
--color-cool-spring-50: #ecf9f0;
--color-cool-spring-100: #ddede2;
--color-cool-spring-200: #c6dacc;
--color-cool-spring-300: #a6beae;
--color-cool-spring-400: #8ba693;
--color-cool-spring-500: #708f79;
--color-cool-spring-600: #5f7966;
--color-cool-spring-700: #4c6152;
--color-cool-spring-800: #37473b;
--color-cool-spring-900: #263128;
--color-cool-spring-950: #141d16;
}SCSS
$cool-spring: #bbd9c3;
$cool-spring-rgb: 187, 217, 195;
$cool-spring-light: mix(#fff, $cool-spring, 20%);
$cool-spring-dark: mix(#000, $cool-spring, 20%);
.element {
color: $cool-spring;
box-shadow: 0 0 0 2px rgba($cool-spring, 0.35);
}