最も近い色名 · #53BBB9
#53BBB9
最も近い色名: Verdigris
#53BBB9（rgb(83 187 185)、hsl(179 43% 53%)、oklch(0.731 0.096 193.5)）に最も近い色名はVerdigrisです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#53BBB9
oklch(0.731 0.096 193.5)
カラー変換
- HEX
- #53bbb9
- RGB
- rgb(83 187 185)
- HSL
- hsl(179 43% 53%)
- HWB
- hwb(179 33% 27%)
- OKLCH
- oklch(0.731 0.096 193.5)
- OKLab
- oklab(0.731 -0.093 -0.022)
- CIE Lab
- lab(69.82 -31.66 -8.61)
- LCH
- lch(69.82 32.81 195.2)
- CMYK
- cmyk(56% 0% 1% 27%)
ティント · シェード · トーン
ティント
- 68C2C0
- 7BC9C7
- 8DD0CE
- 9ED6D5
- AFDDDC
- BFE4E3
- CFEBEA
- DFF2F1
- EFF8F8
シェード
- 47A2A0
- 3B8A89
- 307371
- 255C5B
- 1B4646
- 113231
- 081F1E
- 020D0D
- 000202
トーン
- 5BB5B3
- 62AFAD
- 68A9A8
- 6DA3A2
- 719E9C
- 759896
- 789291
- 7B8C8B
- 7E8686
カラーハーモニー
補色 +180°
- 53BBB9
Verdigris
- DD8F96
≈ Ruddy Pink
類似色 -30° +30°
- 53BBB9
Verdigris
- 6BBB97
≈ Mountain Lake Green
- 5DB5D4
≈ Flyway
トライアド +120° +240°
- 53BBB9
Verdigris
- BE96D3
≈ Amethyst Show
- CC9F61
≈ Sunrise Heat
スプリットコンプリメンタリー +150° +210°
- 53BBB9
Verdigris
- D390B7
≈ Pressed Flower
- DB9476
≈ Buffed Copper
テトラード +90° +180° +270°
- 53BBB9
Verdigris
- A0A0E3
≈ Cold Lips
- DD8F96
≈ Ruddy Pink
- B2AB61
≈ Palm Frond
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.17:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--verdigris: #53bbb9;
--verdigris-rgb: 83 187 185;
--verdigris-oklch: oklch(0.731 0.096 193.5);
}
.element {
color: var(--verdigris);
background-color: hsl(179 43% 53%);
border-color: oklch(0.731 0.096 193.5);
}Tailwind CSS v4
@theme {
--color-verdigris: #53bbb9;
--color-verdigris-50: #d7fefe;
--color-verdigris-100: #c4f3f2;
--color-verdigris-200: #a4e2e1;
--color-verdigris-300: #7ac7c7;
--color-verdigris-400: #4fb0ae;
--color-verdigris-500: #049a98;
--color-verdigris-600: #0f8281;
--color-verdigris-700: #0e6867;
--color-verdigris-800: #084d4b;
--color-verdigris-900: #063534;
--color-verdigris-950: #00201f;
}SCSS
$verdigris: #53bbb9;
$verdigris-rgb: 83, 187, 185;
$verdigris-light: mix(#fff, $verdigris, 20%);
$verdigris-dark: mix(#000, $verdigris, 20%);
.element {
color: $verdigris;
box-shadow: 0 0 0 2px rgba($verdigris, 0.35);
}