色名 · #FF255C
Lingonberry
Lingonberryは#FF255C：rgb(255 37 92)、hsl(345 100% 57%)、oklch(0.647 0.243 15.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Lingonberry color name →
#FF255C
oklch(0.647 0.243 15.1)
カラー変換
- HEX
- #ff255c
- RGB
- rgb(255 37 92)
- HSL
- hsl(345 100% 57%)
- HWB
- hwb(345 15% 0%)
- OKLCH
- oklch(0.647 0.243 15.1)
- OKLab
- oklab(0.647 0.235 0.063)
- CIE Lab
- lab(56.31 78.57 28.36)
- LCH
- lch(56.31 83.53 19.8)
- CMYK
- cmyk(0% 85% 64% 0%)
ティント · シェード · トーン
ティント
- FF4B6C
- FF657C
- FF7C8B
- FF909B
- FFA4AC
- FFB7BC
- FFC9CC
- FFDBDD
- FFEDEE
シェード
- DE1F4F
- BE1942
- 9E1336
- 800D2A
- 63081F
- 480414
- 2E020A
- 160003
- 030000
トーン
- F43B60
- E94A64
- DD5568
- D15E6C
- C5666F
- B96D73
- AC7276
- 9E7779
- 907C7D
カラーハーモニー
補色 +180°
- FF255C
Lingonberry
- 00A3A3
≈ Wax Crayon Blue
類似色 -30° +30°
- FF255C
Lingonberry
- EB33AF
≈ Pink Bite
- E55F00
≈ Spanish Orange
トライアド +120° +240°
- FF255C
Lingonberry
- 55A600
≈ Prairie Green
- 288DFF
≈ Clear Chill
スプリットコンプリメンタリー +150° +210°
- FF255C
Lingonberry
- 00A779
≈ Dragon Scale
- 009DC6
≈ Blue Ocean
テトラード +90° +180° +270°
- FF255C
Lingonberry
- 9B9200
≈ Smoothie Green
- 00A3A3
≈ Wax Crayon Blue
- 8675FF
≈ Bainganī
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.70:1 · APCA Lc 62
Ag
AA黒の上
WCAG 5.67:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.67:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--lingonberry: #ff255c;
--lingonberry-rgb: 255 37 92;
--lingonberry-oklch: oklch(0.647 0.243 15.1);
}
.element {
color: var(--lingonberry);
background-color: hsl(345 100% 57%);
border-color: oklch(0.647 0.243 15.1);
}Tailwind CSS v4
@theme {
--color-lingonberry: #ff255c;
--color-lingonberry-50: #ffd9dc;
--color-lingonberry-100: #ffc6cb;
--color-lingonberry-200: #ffa6ae;
--color-lingonberry-300: #ff7a8a;
--color-lingonberry-400: #ff496e;
--color-lingonberry-500: #fe004f;
--color-lingonberry-600: #d60043;
--color-lingonberry-700: #ad0035;
--color-lingonberry-800: #810029;
--color-lingonberry-900: #5b001c;
--color-lingonberry-950: #3e000c;
}SCSS
$lingonberry: #ff255c;
$lingonberry-rgb: 255, 37, 92;
$lingonberry-light: mix(#fff, $lingonberry, 20%);
$lingonberry-dark: mix(#000, $lingonberry, 20%);
.element {
color: $lingonberry;
box-shadow: 0 0 0 2px rgba($lingonberry, 0.35);
}