Colore con nome · #B0E6E3
Cool Crayon
Cool Crayon è #B0E6E3: rgb(176 230 227), hsl(177 52% 80%), oklch(0.887 0.055 192). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Cool Crayon color name →
#B0E6E3
oklch(0.887 0.055 192)
Conversioni di colore
- HEX
- #b0e6e3
- RGB
- rgb(176 230 227)
- HSL
- hsl(177 52% 80%)
- HWB
- hwb(177 69% 10%)
- OKLCH
- oklch(0.887 0.055 192)
- OKLab
- oklab(0.887 -0.054 -0.011)
- CIE Lab
- lab(87.51 -18.34 -4.48)
- LCH
- lch(87.51 18.88 193.7)
- CMYK
- cmyk(23% 0% 1% 10%)
Tinte · Ombre · Toni
Tinte
- B8E9E6
- C0EBE9
- C8EEEB
- D0F0EE
- D8F3F1
- E0F5F4
- E8F8F7
- F0FAF9
- F7FDFC
Ombre
- 99C8C5
- 82ABA8
- 6C8E8C
- 567371
- 425957
- 2E403F
- 1C2827
- 0B1312
- 010303
Toni
- ABDBD9
- A7D1CE
- A2C6C4
- 9EBCBA
- 99B2B0
- 94A8A6
- 8F9E9D
- 8A9493
- 858A89
Armonie di colore
Complementare +180°
- B0E6E3
Cool Crayon
- FCCBD0
≈ Fruit Bowl
Analogo -30° +30°
- B0E6E3
Cool Crayon
- BAE6CF
≈ Woolly Mint
- B2E3F4
≈ Breaking the Ice
Triadico +120° +240°
- B0E6E3
Cool Crayon
- E6D0F5
≈ Mousse aux Pruneaux
- F1D5B2
≈ Inviting Ivory
Complementare divisa +150° +210°
- B0E6E3
Cool Crayon
- F5CCE4
≈ Sparkling Pink
- FBCFBE
≈ Doll House
Tetradico +90° +180° +270°
- B0E6E3
Cool Crayon
- D3D6FE
≈ Pale Phthalo Blue
- FCCBD0
≈ Fruit Bowl
- E1DCB2
≈ Modern Zen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.27:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--cool-crayon: #b0e6e3;
--cool-crayon-rgb: 176 230 227;
--cool-crayon-oklch: oklch(0.887 0.055 192);
}
.element {
color: var(--cool-crayon);
background-color: hsl(177 52% 80%);
border-color: oklch(0.887 0.055 192);
}Tailwind CSS v4
@theme {
--color-cool-crayon: #b0e6e3;
--color-cool-crayon-50: #e4fbfa;
--color-cool-crayon-100: #d4eeed;
--color-cool-crayon-200: #badcdb;
--color-cool-crayon-300: #97c1c0;
--color-cool-crayon-400: #78a9a7;
--color-cool-crayon-500: #58928f;
--color-cool-crayon-600: #4b7c79;
--color-cool-crayon-700: #3c6361;
--color-cool-crayon-800: #2b4947;
--color-cool-crayon-900: #1d3231;
--color-cool-crayon-950: #0d1e1d;
}SCSS
$cool-crayon: #b0e6e3;
$cool-crayon-rgb: 176, 230, 227;
$cool-crayon-light: mix(#fff, $cool-crayon, 20%);
$cool-crayon-dark: mix(#000, $cool-crayon, 20%);
.element {
color: $cool-crayon;
box-shadow: 0 0 0 2px rgba($cool-crayon, 0.35);
}